<template>
	<div class="about">
		<h1>This is an about page</h1>
		<h3>counter: {{count}}</h3>
		<el-button @click="add"><el-icon><Plus /></el-icon></el-button>
		<el-icon><Minus /></el-icon>
	</div>
</template>
<script lang="ts" setup>
import useDemoStore from '@/store/demo'
import { storeToRefs } from 'pinia'

const demoStore = useDemoStore()
const counter = useDemoStore()
const {count} = storeToRefs(counter);

const add = () => {
	demoStore.increment()
}
</script>
